import { defineComponent } from 'vue'
import { NLayout, NLayoutHeader } from 'naive-ui'
import Sidebar from './components/sidebar'
import AppMain from './components/main'
import AppNavBar from './components/navbar'

import './index.styl'

export default defineComponent({
  name: 'AppLayout',
  render() {
    return (
      <NLayout hasSider={true} class='app-wrapper'>
        <Sidebar />
        <NLayout content-style='padding-top: 50px' class='main-container'>
          <NLayoutHeader position='absolute' class='app-navbar'>
            <AppNavBar />
          </NLayoutHeader>
          <AppMain />
        </NLayout>
      </NLayout>
    )
  }
})
